<template>
	<view class="wap">
		<view class="modlname">
			<image :src="require('./static/img/bianxie.png')" mode=""></image>
			<input type="text" value="" :placeholder="placeholder"/>
			<view class="">
				<slot></slot>
			</view>
		</view>
		<view class="confim">
			确认修改
		</view>
	</view>		
</template>

<script>
	export default {
		props:["placeholder"],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.wap{
	height: 100vh;
	background: #F3F3F3;
	.modlname{
		padding: 32rpx 64rpx 64rpx 32rpx;
		background: #FFFFFF;
		box-sizing: border-box;
		height: 480rpx;
		position: relative;
		image{
			width: 40rpx;
			height: 40rpx;
			margin-right: 16rpx;
		}
		input{
			display: inline-block;
			width: 90%;
		}
		view{
			position: absolute;
			bottom: 64rpx;
			right: 64rpx;
			font-size: 30rpx;
			color: #999999;
		}
	}
	.confim{
		width: 320rpx;
		height: 95rpx;
		background: #FEDD12;
		font-size: 32rpx;
		text-align:center;
		line-height: 95rpx;
		border-radius: 56rpx;
		margin: 0 auto;
		margin-top: 160rpx;
		font-weight: bold;
	}
}
</style>
